<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="description" content="Description de la page en quelques phrases/" />
		<meta name="author" content="Frakass" />
		<title>BTS SIO 1</title>
		<link rel="stylesheet" href="style.css" />
	</head>
<body>
	<div id="bloc-page">
		<header>

			<div id="titre-principale">		
				<h1> Titre de la page </h1>
			</div>

			<nav>
 				<ul>
 					<li><a href="index.php">accueil</a></li>
 					<li><a href="bts_sio_1.php">bts sio</a></li>
 					<li><a href="#">cycle bachelor</a></li>
 					<li><a href="#">cycle ingénieur</a></li>	
 				</ul>
			</nav>
		</header>


		<section>
			<h4>BTS SIO 1 </h4>

		<li>
			<h3>Matrices -</h3>
			<a href="#">Télécharger</a>
		</li>
		<li>
			<h3>Programmation C++ -</h3>
			<a href="#">Télécharger</a>
		</section>

		<aside>
			<div id="connexion">
				<form method="post" action="traitement.php">
					<h2> Connexion </h2>
					<p>
						<label for="pseudo">Identifiant : </label>
						<input type="text" name="pseudo" id="pseudo" /><br>
							<label for="pass">Mot de passe : </label>
							<input type="password" name="pass" id="pass" /> <br>
							<input type="submit" value="Connexion" />
							<a href="Formulaire_Inscription.php">Inscription </a>
						</p>
				</form>
			</div>
			<div id="forum"	>
				<h2>Forum</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
			</div>
			<div id="actualite">
				<h2>Actualité</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud</p>			
			</div>	
		</aside>
	</div>	
</body>
</html>